<template lang="pug">
.card-warp
  image(src="@/static/pic.png" mode="aspectFit")
  .px-3.py-2
    .text-base.w-full.truncate 商品商品商品商品
    .text-gray-500.text-xs.w-full.truncate.mb-2 描述描述描述描述描述描述描述描述描述描述描述描述
    .flex.items-center
      .text-sm ￥
      .text-lg 999
</template>
<script setup>
const props = defineProps({
  data: Object
})
</script>
<style scoped lang="scss">
.card-warp{
  @apply rounded-md bg-white flex flex-col;
  image{
    @apply w-full h-[100px]
  }

}
</style>